* {
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
	background-color: transparent;
	color: #fff;
}
::-webkit-scrollbar {
 display: none;
}
/***********************************************图片banner**************************************************/
.banner {
 background:url(../pic/狗冰激凌.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index: 1000;
}
.befor {
	padding-top: 53%;
	position: relative;
	left: 0px;
	top: 0px;
}
.border {
	width: 30%;
	height: 30%;
	border: 5px solid #fff;
	position: absolute;
	top: 50%;
	left: 35%;
	fitter: opacity(60);
	opacity: 0.6;
}
.banner .border div {
	width: 90%;
	height: 90%;
	position: absolute;
	left: 5%;
	top: 5%;
	background-color: #fff;
	fitter: opacity(60);
	opacity: 0.6;
}
.banner h1 {
	font-size: 5vw;
	position: absolute;
	top: 20%;
	left: 25%;
	color: #000;
}
/*图片轮播*/
.lunbo {
	width: 100vw;
	height: 30vw;
}
#zd {
	width: 100vw;
	height: 30vw;
	overflow: hidden;
	position: relative;
	margin: 0px auto;
}
ul {
	list-style: none;
	position: absolute;
	left: 0vw;
	top: 1vw;
	overflow: hidden;
}
li {
	width: 100vw;
	height: 30vw;
	float: left;
}
.lb1 {
	background: url(../pic/lb1.jpg) no-repeat;
	background-size: 100% 100%;
}
.lb2 {
	background: url(../pic/lb2.jpg) no-repeat;
	background-size: 100% 100%;
}
.lb3 {
	background: url(../pic/lb3.jpg) no-repeat;
	background-size: 100% 100%;
}
/*****************************************************内容1*********************************************/
.all1 {
	width: 100%;
	height: 30vw;
	background: #eee;
}
.left1 {
	margin-top: 1vw;
	float: left;
	width: 40%;
	height: auto;
}
.left1 h1 {
	width: 40%;
	height: auto;
	text-align: center;
	font-size: 3vw;
	font-family:"幼圆";
	margin-left: 10vw;
}
.left1 p {
	width: 70%;
	height:30%;
	text-align: left;
	font-size: 2vw;
	line-height:150%;
	font-family:"幼圆";
	margin-left: 5vw;
	word-break: break-all;
}
.right1 {
	margin-top: 3vw;
	float: right;
	width: 60%;
	height: auto;
}
.right1-1 {
	float: left;
	width: 30%;
	height: auto;
 background:url(../pic/男人脸1.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	left: 0%;
	top: 0%;
}
.right1-2 {
	float: left;
	width: 30%;
	height: auto;
 background:url(../pic/男人脸4.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	left: 1%;
	top: 0%;
}
.right1-3 {
	float: left;
	width: 30%;
	height: auto;
 background:url(../pic/男人脸7.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	left: 2%;
	top: 0%;
}
.right1-4 {
	float: left;
	width: 30%;
	height: auto;
 background:url(../pic/女人脸1.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	left: 0%;
	top: 0%;
}
.right1-5 {
	float: left;
	width: 30%;
	height: auto;
 background: url(../pic/女人脸2.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	left: 1%;
	top: 0%;
}
.right1-6 {
	float: left;
	width: 30%;
	height: auto;
    background:url(../pic/女人脸3.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	left: 2%;
	top: 0%;
}
.right1-1-1, .right1-2-2, .right1-3-3, .right1-4-4, .right1-5-5, .right1-6-6 {
	padding-top: 67%;
	position: relative;
	left: 0px;
	top: 0px;
}
.right1-1-1 div, .right1-2-2 div, .right1-3-3 div, .right1-4-4 div, .right1-5-5 div, .right1-6-6 div {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size:0;
}
.right1-1-1 div:hover, .right1-2-2 div:hover, .right1-3-3 div:hover, 
.right1-4-4 div:hover, .right1-5-5 div:hover, .right1-6-6 div:hover {
	background: #000;
	fitter: opacity(50);
	opacity: 0.5;
	font-size:4vw;
	color: #fff;
	line-height:250%;
	text-align: center;
}
/*******************************内容2***************************************************************/
.all2{
	width: 100%;
	height:30vw;
}
.left2{
	width:40%;
	height: 30vw;
	background: #666;
	float: left;
	border-top: 3px solid #DDDDDD;
	border-bottom: 3px solid #DDDDDD;
	background: url(../pic/狗1.jpg);
	background-size: auto 100%;
}


.right2 {
	width: 60%;
	height: 30vw;
	border-top: 3px solid #DDDDDD;
	border-bottom: 3px solid #DDDDDD;
	overflow: scroll;
	float: right;
}
.right2 div {
	width: 100%;
	height: 30vw;
}
.right2-1 {
	background:#DDDDDD;
}
.right2-1-1 {
	background-size: 100% auto;
	width: 35%;
	height: 30vw;
}

.right2-2 {
	background:#EEEEEE;
}
.right2-2-2 {
	float: right;
	background-size: 100% auto;
	width: 65%;
	height: 30vw;
}
.right2-3 {
	background: #FFF;
}
.right2-3-3 {
	float: left;
	width: 60%;
	height: 30vw;
}
.right2::-webkit-scrollbar {
 display: none;
}
.right2-1-1 img,.right2-2-2 img{
	width:10%;
	height:16%;
	margin-left:45%;
	margin-top:10%;
}
.right2-1-1 h1,.right2-2-2 h1,.right2-3-3 h1{
	width:60%;
	height:auto;
	line-height:5vw;
	margin:0px auto;
	font-size:2.6vw;
	font-family:"幼圆";
	text-align: center;
}
.right2-1-1 p,.right2-2-2 p,.right2-3-3 p{
	width:70%;
	height: 35%;
	line-height:160%;
	margin:0px auto;
	font-size:2vw;
	font-family:"幼圆";
}
/*********************************************版权**************************************/
.bottom {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	background: #666;
}
.bottom p {
	height: 80%;
	height: auto;
	font-size:1vw;
	line-height:3.5vw;
	color: #eee;
	
}
